<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:cc="http://java.sun.com/jsf/composite"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <!-- INTERFACE -->
    <cc:interface>
    </cc:interface>

    <!-- IMPLEMENTATION -->
    <cc:implementation>


        <p:dataTable var="cars" value="" style="width:460px">        
            <f:facet name="header">
                <h:outputText value="Codigo: 001"/>
                <h:outputText value="    Juan Pérez" />
            </f:facet>  
        </p:dataTable>                        

        <p:dataTable var="cars" value="" style="width:460px">        

            <p:column>
                <f:facet name="header">
                    <h:outputText value="Fecha" />
                </f:facet>
                <h:outputText value="21/12/2012" /><br/>
                <h:outputText value="22/12/2012" />
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Cantidad" />
                </f:facet>
                <h:outputText value="$50" /><br/>
                <h:outputText value="$150" />
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Concepto" />
                </f:facet>
                <h:outputText value="Primera cuota de aportacion" /><br/>
                <h:outputText value="Segunda cuota de aportacion" />                
            </p:column>            
            <f:facet name="footer">                                                                              
                <h:outputText value="Total de aportaciones: " />                
                <h:outputText value="$200" />
            </f:facet> 
        </p:dataTable> 

        <h:outputLabel for="buscar" value="Buscar:  " />  
        <p:inputText id="nombre" value="" label="Buscar: " size="15" />&nbsp;  
        <p:commandButton type="button" value="Buscar" icon="ui-icon-search"/>                                                                                                                        


        <p:commandButton id="modalDialogsButton" value="Modificar" onclick="dl_modAporta.show();" type="button" icon="ui-icon-refresh"/>

        <p:dialog appendToBody="true" id="modalDialogsAportaSocios" header="Modificar aportaciones" widgetVar="dl_modAporta" modal="true" resizable="false"
                  showEffect="clip" hideEffect="fold">
            <div align="left">

                <h:panelGrid columns="2" style="width: 180px; height: 140px">
                    <f:facet name="header">
                        &nbps;
                    </f:facet>  
                    <h:outputLabel for="fec_ingre" value="Fecha: "/>      
                    <p:calendar locale="tr" showButtonPanel="true" navigator="true" id="trCal" size="6"/>                            
                    <h:outputLabel for="cantidad" value="Cantidad: " />  
                    <p:inputText id="cantidad" value="" required="true" label="Cantidad" size="6" />  
                    <h:outputLabel for="concepto" value="Concepto: " />  
                    <p:inputText id="concepto" value="" required="true" label="concepto" size="20" />                  

                    <f:facet name="footer">  
                        <p:row>
                            <p:column>                                                                    
                                <p:commandButton id="showDialogButtons" value="Modificar" 
                                                 onclick="confirmations.show()" type="button" icon="ui-icon-refresh"/>                    
                                <p:confirmDialog appendToBody="true" id="confirm" message="Desea modificar los datos?"
                                                 header="Iniciando proceso..." severity="alert" widgetVar="confirmations">                    
                                    <p:commandButton id="confirms" value="Si" oncomplete="confirmations.hide()"/>  
                                    <p:commandButton id="declines" value="No" onclick="confirmations.hide()" type="button" />   
               
                                </p:confirmDialog>  
                            </p:column>
                        </p:row>
                    </f:facet>  
                </h:panelGrid>   
            </div>
        </p:dialog>                                                                                                                                                                                                                                                                                                                                                   
        <p:commandButton type="button" value="Eliminar" icon="ui-icon ui-icon-trash" style="margin:0"/>                                                                                                                                                


    </cc:implementation>
</html>